import React from 'react'
import ReactDOM from 'react-dom/client'
import App from './App.jsx'
import {BrowserRouter} from 'react-router-dom'
import './index.css'

// 1. import `ChakraProvider` component
import {ChakraProvider, useColorModeValue} from '@chakra-ui/react'
import ContextProviders from "./context/index.jsx";
import "react-datepicker/dist/react-datepicker.css"

ReactDOM.createRoot(document.getElementById('root')).render(
    <ChakraProvider>
        <BrowserRouter>
            <ContextProviders>
                <App/>
            </ContextProviders>
        </BrowserRouter>
    </ChakraProvider>
)
